<!DOCTYPE html>
<html>
<head>
    <title>联系我们</title>
    <link href="http://120.79.35.160/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <link href="http://120.79.35.160/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- Custom Theme files -->
    <script src="http://120.79.35.160/js/jquery.min.js"></script>
    <script src="http://120.79.35.160/js/bootstrap.min.js"></script>
    <!--引用百度地图API-->
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=QRNSQLU3qPwzW3VE6naC2zCui2TR2x9K"></script>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Fivus Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--webfont-->
    <link href='http://fonts.useso.com/css?family=Oxygen:400,700,300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <!-- start menu -->
    <link href="http://120.79.35.160/css/megamenu.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="http://120.79.35.160/js/megamenu.js"></script>
    <script>$(document).ready(function () {
        $(".megamenu").megamenu();
    });</script>
    <script type="text/javascript" src="http://120.79.35.160/js/jquery.leanModal.min.js"></script>
    <link rel="stylesheet" href="http://120.79.35.160/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="http://120.79.35.160/css/menu.css"/>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <!---- start-smoth-scrolling---->
    <script type="text/javascript" src="http://120.79.35.160/js/move-top.js"></script>
    <script type="text/javascript" src="http://120.79.35.160/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1200);
            });
        });
    </script>
    <!---- start-smoth-scrolling---->
</head>
<body>
<!-- header-section-starts -->
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: "inline",
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: "auto",
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: "my-mfp-zoom-in"
        })
    })
</script>
<link href='http://120.79.35.160/css/popuo-box.css' rel='stylesheet' type='text/css' media='all'/>
<script type="text/javascript" src="http://120.79.35.160/js/login.js"></script>

<div class="container">
    <div class="main-content">
        <script type="text/javascript" src="http://120.79.35.160/js/head.js"></script>

        <!-- AddThis Smart Layers END -->

        <ol class="breadcrumb">
            <li><a href="index.html">首页</a></li>
            <li class="active">联系我们</li>
        </ol>
        <!----->
        <div class="contact">
            <h3>联系我们</h3>
            <p class="love"> 我们很乐意倾听您的建议 </p>
            <div class="contact-form">
                <div class="col-md-6 contact-grid">
                    <form>
                        <p class="your-para">您的 名字:</p>
                        <input type="text" value="" onfocus="this.value='';"
                               onblur="if (this.value == '') {this.value ='';}">
                        <p class="your-para">您的 邮箱:</p>
                        <input type="text" value="" onfocus="this.value='';"
                               onblur="if (this.value == '') {this.value ='';}">
                        <p class="your-para">您的 意愿:</p>
                        <textarea cols="77" rows="6" onfocus="this.value='';"
                                  onblur="if (this.value == '') {this.value = '';}"></textarea>
                        <div class="发送">
                            <input type="submit" value="发送">
                        </div>
                    </form>
                </div>
                <div class="col-md-6 contact-in">
                    <p class="sed-para"> fivus 用户专享：与我们联系</p>
                    <p class="para1">论您身处世界何方，我们的fivus协调专员都将竭诚为您提供帮助。
                        如果您需要帮助或有任何与视频相关的问题需要解答，请通过您的fivus昵称和邮箱地址
                        提交您的意愿，我们将竭诚尽快为您的意愿做出回应，请关注您的邮箱。
                        一旦您的意愿被提交，我们会在7个工作日内予以答复。 </p>
                    <div class="more-address">
                        <div class="address-more">
                            <p>fivus 的办公地址</p>
                            <p>fivus的成员无处不在</p>
                            <p>这里显示当前的时间</p>
                        </div>
                        <div class="address-left">
                            <p>主管联系电话:+86 13141819601</p>
                            <p>负责传真:190-4509-494</p>
                            <p><a href="mailto:info@example.com">fiveus@gmail.com</a></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <h4>fivus的位置</h4>
            <!--百度地图容器-->
            <div style="width:1080px;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
            <script type="text/javascript">
                //创建和初始化地图函数：
                function initMap() {
                    createMap();//创建地图
                    setMapEvent();//设置地图事件
                    addMapControl();//向地图添加控件
                    addMapOverlay();//向地图添加覆盖物
                }

                function createMap() {
                    map = new BMap.Map("map");
                    map.centerAndZoom(new BMap.Point(120.578247, 31.257948), 18);
                }

                function setMapEvent() {
                    map.enableScrollWheelZoom();
                    map.enableKeyboard();
                    map.enableDragging();
                    map.enableDoubleClickZoom()
                }

                function addClickHandler(target, window) {
                    target.addEventListener("click", function () {
                        target.openInfoWindow(window);
                    });
                }

                function addMapOverlay() {
                }

                //向地图添加控件
                function addMapControl() {
                    var scaleControl = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
                    scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
                    map.addControl(scaleControl);
                    var navControl = new BMap.NavigationControl({
                        anchor: BMAP_ANCHOR_TOP_LEFT,
                        type: BMAP_NAVIGATION_CONTROL_LARGE
                    });
                    map.addControl(navControl);
                    var overviewControl = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true});
                    map.addControl(overviewControl);
                }

                var map;
                initMap();
            </script>
        </div>
    </div>
    <script type="text/javascript" src="http://120.79.35.160/js/footer.js"></script>
</div>
<script src="http://120.79.35.160/js/responsive-tabs.js"></script>
<script type="text/javascript">
    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

    $('#moreTabs a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

    (function ($) {
        // Test for making sure event are maintained
        $('.js-alert-test').click(function () {
            alert('Button Clicked: Event was maintained');
        });
        fakewaffle.responsiveTabs(['xs', 'sm']);
    })(jQuery);

</script>
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover"
                                                                         style="opacity: 1;"> </span></a>
</body>
</html>